<template>
  <card class="reset-card">
    <template v-slot:header>
      <Header @add="addEvent" />
    </template>
    <template v-slot:filter>
      <FilterTool ref="FilterTool" @search="searchEvent($event)" />
    </template>
    <TableArea ref="TableArea" @edit="EditEvent($event)" />

  </card>
</template>
<script>
import Header from './components/approval-model/Header'
import FilterTool from './components/approval-model/FilterTool'
import TableArea from './components/approval-model/TableArea'
export default {
  components: {
    Header,
    FilterTool,
    TableArea
  },
  data() {
    return {

    }
  },

  methods: {
    addEvent() {
      const DialogIframe = this.$refs.TableArea.$refs.DialogIframe
      this.$refs.TableArea.urlPath = `${this.baseurl}:30006/act/goActiviti?lngproductid=315`
      DialogIframe.show()
      DialogIframe.width = window.innerWidth + 'px'
      DialogIframe.height = window.innerHeight - 100 + 'px'
      DialogIframe.top = '0px'
    },
    EditEvent(row) {
      this.$refs.Edit.editRowInfo(row)
      this.$refs.Edit.show()
    },
    searchEvent(row) {
      this.$refs.TableArea.formInline = row
      this.$refs.TableArea.queryListByPage('search')
    },
    refreshEvent() {
      this.$refs.TableArea.queryListByPage()
    }
  }
}
</script>
<style scoped>
</style>

